.pptist-editor {
    background: $defaultBlack;
    width: 100%;
    height: 100vh;
    // padding: 30px;
    >.top-name {
        text-align: center;
        line-height: 20px;
        font-size: 11px;
        font-weight: 500;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
    }
    >.content {
        // border-radius: 40px;
        background: $defaultBlack;
        height: calc(100% - 62px);
        // padding: 20px;
        box-sizing: border-box;
        .bg-box {
            background: $canvasBgColor;
            height: 100%;
            // border-radius: 30px;
            overflow: hidden;
        }
    }
    .layout-header {
        height: 62px;
    }
}

input {
    border: 0;
    padding: 2px 5px;
    outline: none;
}

.modal {
    h2 {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 10px;
    }
}

//可视化编辑器样式
.visual-editor {
    .top-name {
        background: #0b0c0f;
    }
    .layer-left {
        background: rgba(27, 32, 39, 1) !important;
        border-radius: 15px;
        width: 60px !important;
        margin: 20px 0 20px 20px;
    }
    .layer-right {
        width: calc(100% - 60px) !important;
    }
    .layout-content-right {
        background: #1B2027 !important;
        border-left: solid 2px #0c0d10;
        border-right: solid 2px #0c0d10;
        margin: 20px 20px 20px 0;
        height: calc(100vh - 102px) !important;
        border-radius: 15px;
        border: 3px solid rgba(85, 234, 177, 0.3) !important;
        .toolbar {
            border-radius: 15px !important;
                overflow: hidden !important;
        }
    }
    >.content {
        height: calc(100% - 62px);
    }
    .layer-bottom {
        height: 20px;
        background-color: #111216;
    	border: solid 1px #0c0d10;
        padding: 0 295px 0 54px;
    }
    .editor-header {
        background-color: #1B2027 !important;
    }
}
@media screen and (max-width: 1200px) {
    .editor-header > .center {
        display: none !important;
    }
    .layout-content {
        position: relative;
    }
    // .layout-content-center {
    //     width: 100% !important;
    // }
    //@
    // #mb-ruler .h-container {
    //     // width: calc(100% - 135px) !important;
    // }
}